<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="utf-8">
        <title>Alta de Producto: El Juego de la Subasta</title>
        <meta name="description" content="Proyecto de Ingeniería del Software 2">
        <meta name="author" content="Grupo 9">
        <link rel="shortcut icon" href="img/images.ico"> 
        <!—[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]—>
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <style>
            body { padding-top: 60px; }
        </style>
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/subastas.css" rel="stylesheet">
    </head>
    <body>
        <script src="js/libs/jquery-1.9.0/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="http://localhost:6969/socket.io/socket.io.js"></script>
        <script src="js/interaccion_subastas.js"></script>

        <!--Cuenta atrás-->
        <script src="js/jquery.countdown.min.js"></script>

        <!-- Fixed navbar -->
        <div class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a id="wHome" class="navbar-brand" href="index.html">El Juego de la Subasta</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-left">
                        <li id="wBuscarProducto" class="hidden"><a href="resultadoBusquedaProducto.html">Buscar Producto</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li id="wLogin" class="hidden"><a href="login.html">Login</a></li>
                        <li id="wLogout" ><a href="logout.html" onclick="logout()">Logout</a></li>
                        <li id="wSignin" class="hidden"><a href="signin.html">Signin</a></li>
                        <li id="wPerfil" ><a href="perfil.html">Perfil</a></li>
                        <li id="wOpciones" ><a href="opciones.html">Opciones</a></li>
                        <li id="wGestionUsuarios" class="hidden"><a href="gestionUsuarios.html">Gestión de Usuarios</a></li>
                        <li id="wAltaProducto" class="active"><a href="altaProducto.html">Alta de Producto</a></li>
                        <li id="wAltaUsuarioInterno" class="hidden"><a href="altaUsuarioInterno.html">Alta de Usuario Interno</a></li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </div>

        <div class="container" >        
            <div class="jumbotron">
                <h1>Alta de Producto</h1>
                <p>
                    Por favor, rellene los datos del nuevo producto que quiere introducir en el sistema.
                </p>
                <form  id="formularioAltaProducto" action="/upload" method="post" enctype="multipart/form-data">
                    <div class="form-group">
                        <label for="nombre">Nombre</label>
                        <input name="nombre" type="text" class="form-control" id="nombre" placeholder="Introduce el nombre del producto" required>
                    </div>

                    <div class="form-group">
                        <label for="imagenProducto">Imagen</label>
                        <input id="imagenProducto" type="file" name="image" class="form-control">
                    </div>

                    <div class="form-group">
                        <label for="descripcion">Descripción</label>
                        <textarea rows="4" name="descripcion" class="form-control" id="descripcion" placeholder="Introduce una descripción" required></textarea>
                    </div>

                    <div class="form-group">
                        <div class="radio-inline">
                            <label>
                                <input type="radio" name="tipo" id="tipoProducto1" value="subasta" checked>
                                Subasta
                            </label>
                        </div>
                        <div class="radio-inline">
                            <label>
                                <input type="radio" name="tipo" id="tipoProducto2" value="oferta">
                                Oferta
                            </label>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="categoria">Categoría</label>
                        <select name="categoria" class="form-control" id="categoria">
                            <option>Televisión</option>
                            <option>Cine</option>
                            <option>Música</option>
                            <option>Videojuegos</option>
                            <option>Viajes</option>
                            <option>Literatura</option>
                            <option>Ordenadores</option>
                            <option>Ropa</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="caracteristica1">Características Específicas</label>
                        <input name="caracteristica1" type="text" class="form-control" id="caracteristica1" placeholder="Pulgadas" required>
                        <input name="caracteristica2" type="text" class="form-control" id="caracteristica2" placeholder="Resolución" required>
                        <input name="caracteristica3" type="text" class="form-control" id="caracteristica3" placeholder="Peso" required>
                    </div>

                    <div class="form-group" id="divFechaSubasta">
                        <label for="fechaInicioSubasta">Fecha de Inicio de la Subasta (Sólamente requerido en un producto a subastar)</label>
                        <input name="fechaInicioSubasta" type="date" class="form-control" id="fechaInicioSubasta">
                    </div>

                    <div class="form-group" id="divFechaOferta">
                        <label for="fechaExpiracionOferta">Fecha de Expiración de la Oferta (Sólamente requerido en un producto a ofertar)</label>
                        <input name="fechaExpiracionOferta" type="date" class="form-control" id="fechaExpiracionOferta">
                    </div>

                    <div class="form-group">
                        <label for="opcion">Duración de la subasta en días o puntos necesarios para comprar la oferta</label>
                        <input name="opcion" type="number" class="form-control" id="opcion" required>
                    </div>
                    <button type="submit" class="btn btn-lg btn-primary">Dar de alta</button>
                </form>
            </div>

        <footer>
            <p>&copy; JDLS Company 2013</p>
        </footer>
    </div> <!— /container —>


</body>
</html>

